@charset "utf-8";
/* @import url(/css/common.css); */

/* 공통 - 탭 */
.tab-navi {z-index:5}
.tab-navi li.guide a {background:url(../image/common/bg_slant.png);}
.tab-navi li.guide.on a {background:none;}
.tab-navi a .star {color:#fab14c; font-weight:normal; float:left; margin:-1px 3px 0 0;}

/* 공통 - 자동 검색 */
.dest-auto-search {position:absolute; top:20px; right:0; z-index:11;}
.dest-auto-search .auto-search-result {top:28px; left:0; width:230px;}
.dest-auto-search .keyword {float:left; width:188px; height:17px; padding:5px 7px 4px; border-top:1px solid #c1c1c1;  border-right:0; border-left:1px solid #cbcbcb; border-bottom:1px solid #d0d0d0; font-size:11px; color:#000; background:url(../image/common/bg_input.png) repeat-x;}
.dest-auto-search .btn-go {float:left;}

/* 공통 - 헤더 */
.header {position:relative; padding-top:20px; margin-bottom:20px; z-index:150;}
.header .title {position:relative; float:left; height:32px;}
.header .title h2 {float:left;}
.header .title img {float:left; margin-right:11px;}
.header .title .name {float:left; margin-right:7px; font-size:28px; line-height:32px;}
.header .title .en-name {float:left; margin-right:7px; font-size:24px; line-height:32px;}
.header .title .btn-sel-city {float:left; margin:11px 9px 0 0; width:15px; height:15px; background:url(../image/destination/city/map_btn_arrow.png) no-repeat;}
.header .title .btn-sel-city:hover {background-position:-15px 0;}
.header .title .city-list {position:absolute; top:32px; left:0; border:1px solid #c8c8c8; width:140px; max-height:220px; overflow-y:auto; z-index:20;}
.header .title .city-list a {display:block; height:18px; padding:2px 7px; line-height:18px; font-size:11px; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:#fff;}
.header .title .city-list a:hover {background-color:#f7f7f7; text-decoration:none;}
.header .title .continent {float:left; margin:9px 20px 0 0; font-weight:normal; font-size:12px; line-height:18px; color:#999999;}
.header .title .continent a {color:#000; font-weight:bold;}
.header .title .btn-like {float:left; margin:5px 5px 0 0; width:27px; height:27px; text-indent:-1000px; overflow:hidden; background:url(/image/common/map_btn_state2.png) no-repeat;}
.header .title .btn-like:hover, 
.header .title .btn-like.on {background-position:0 -30px;}
.header .title .btn-like.on {cursor:default;}
.header .title .like-cnt {float:left; margin-top:10px; font:15px/15px calibri; color:#999;}
.header .btn-all {position:absolute; top:72px; right:0; z-index:10;}

/* 공통 - 모듈 박스 */
.m-box {border:1px solid #ddd; border-width:1px 0; margin-bottom:20px;}
.m-box-inner {border:1px solid #c8c8c8; border-width:0 1px 1px; padding:14px;}
.m-title {height:35px;}
.m-title h3 {float:left; font-size:16px; color:#000;}
.m-title .more {float:left; margin:6px 0 0 10px; color:#03a2d0; font-size:11px;}
.m-title p {float:left; margin:6px 0 0 28px; color:#999; font-size:11px;}
.m-title p a {color:#03a2d0;}

/* 공통 - 트래블로 가이드 목록 */
.guide-icons h3 {font-size:15px; line-height:20px; margin-bottom:13px;}
.guide-icons-box {position:relative; border:1px solid #c9c7c8; border-top:1px solid #dedcdd; padding:15px 31px 10px; overflow:hidden;}
.guide-icons li {float:left; margin-right:34px; width:61px;}
.guide-icons li.last {margin-right:0;}
.guide-icons li .name {margin-top:4px; text-align:center;}
.guide-icons li .icon a {position:relative; display:block; cursor:pointer;}
.guide-icons li .icon a .dim {position:absolute; top:0; left:0; width:60px; height:60px; background:#000; opacity:0.4; filter:alpha(opacity=40); visibility:hidden;}
.guide-icons li .icon a:hover .dim {visibility:visible;}
.guide-icons .h-line {background:#dedcdd; height:1px; overflow:hidden;}
.guide-icons .btn-prev,
.guide-icons .btn-next {position:absolute; top:36px; width:12px; height:21px; text-indent:-1000px; overflow:hidden; background:url(../image/common/map_btn_arrow3.png) no-repeat;}
.guide-icons .btn-prev {left:10px;}
.guide-icons .btn-prev:hover {background-position:-15px 0;}
.guide-icons .btn-next {right:10px; background-position:-30px 0;}
.guide-icons .btn-next:hover {background-position:-45px 0;}

/* 공통 - 여행길 */
.route-list-head {border-top:1px solid #ddd; margin-top:-1px;}
.route-list-head .order {padding:9px 0 10px; border-bottom:1px solid #ddd; overflow:hidden;}
.route-list-head .order li {float:left; margin-left:13px; padding-left:15px; background:url(../image/common/bu_dot_gray2.png) 0 9px no-repeat;}
.route-list-head .order li.on a {color:#000; font-weight:bold;}
.route-list-head .order li em {color:#ffc829;}
.route-list-head .order li a {color:#666;}
.route-list-head .order li a:hover {text-decoration:underline;}
.route-list-head .order li.first {padding-left:0; background:none;}
.route-list-head .total {float:right; margin:-28px 15px 0 0; color:#999; font-size:11px;}
.route-list-head .total em {color:#24364a; font-weight:bold;}
.route-list-wrap {margin-top:1px; border-top:1px solid #ddd; padding-top:14px;}
.route-list-wrap.best {border-top:0; padding-top:0;}
.route-list-wrap .pagination {margin-top:16px;}

/* 전체 나라 */
.w-all-nation .header {margin-bottom:-1px; position:relative; z-index:10;}
.w-all-nation .continent .m-box-inner {padding:22px 30px; }
.w-all-nation .continent h3 {font-size:14px; height:43px;}
.w-all-nation .continent h3 span {font-weight:normal;}
.w-all-nation .continent .popular-list {padding-bottom:6px; margin-bottom:22px; border-bottom:1px solid #e4e4e4; overflow:hidden;}
.w-all-nation .continent .popular-list li {float:left; width:237px; height:39px;}
.w-all-nation .continent .popular-list li.row-last {width:200px;}
.w-all-nation .continent .popular-list li .flag {float:left; }
.w-all-nation .continent .popular-list li .name {float:left; margin-left:7px; font-weight:bold;}
.w-all-nation .continent .all-list {overflow:hidden;}
.w-all-nation .continent .all-list li {float:left; width:207px; height:38px; padding-left:30px; background:url(../image/common/bu_dot_gray.png) 19px 7px no-repeat;}
.w-all-nation .continent .all-list li.row-last {width:170px;}
.w-all-nation .continent .all-list li a {color:#666;}
.w-all-nation .continent .all-list li.popular a {color:#333; font-weight:bold;}

/* 맵 & 요약정보  */
.info-map {margin-top:-1px; position:relative;}
.info-map .m-box-inner {overflow:hidden;}
.info-map .map {float:left; height:390px; width:475px;}
.info-map .info {float:right; height:390px; width:450px; overflow-y:auto;}
.info-map .info h3 {padding:7px 11px; font-size:18px; color:#000; background:url(../image/common/bg_slant.png);}
.info-map .info ul {padding:14px 11px;}
.info-map .info li {color:#666; margin-bottom:10px;}
.info-map .info li em {color:#000; font-weight:bold;}
.info-map .info li a {color:#03a2d0;}
.info-map .empty-guide {position:absolute; top:0; left:1px; right:1px; height:100%; }
.info-map .empty-guide .dim {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.8; filter:alpha(opacity=80); background:#fff;}
.info-map .empty-guide .dim-over-layer {position:absolute; top:14px; left:185px;}

/* 관련 여행정보 */
.travel-info ul {padding:15px 14px; overflow:hidden;}
.travel-info li {float:left; width:450px;}
.travel-info li .thumb {float:left; width:60px; height:60px; margin-right:16px;;}
.travel-info li h4 {heigth:23px; font-size:14px;}
.travel-info li h4 a {color:#000; }
.travel-info li p {color:#666;}
.travel-info li.last {float:right;}

/* 상단 네비 */
.w-nation .tab-navi, 
.w-city .tab-navi {z-index:5;}

/* 여행톡 */
.talk-wrap.area {width:640px; float:left;}
.talk-wrap.area .talk-write .content textarea {width:504px;}
.talk-wrap.area .talk-write .content textarea.with-photo {width:450px;}
.talk-wrap.area .comment-wrap .m-box-inner {padding:14px;}
.talk-wrap.area .comment-write textarea {width:468px;}
.talk-wrap.area .reply-write-form textarea {width:406px}
.talk-wrap.area .reply-write-form.empty textarea {width:446px;}

/* 이 지역 관심여행자 */
.like-members {float:right; width:312px;}
.like-members .m-box-inner {padding:10px 0 2px 15px;}
.like-members h3 {font-size:12px; color:#000; height:33px;}
.like-members h3 span {font-size:10px; font-weight:normal;}
.like-members ul {overflow:hidden; padding-bottom:12px\9;}
.like-members li {float:left; margin:0 12px 12px 0;}
.like-members li img {width:30px; height:30px;}

/* 가이드 링크 */
.guide-link {display:block;} 
.guide-link:hover {text-decoration:none; background:#f7f7f7; cursor:pointer;} 
.guide-link .m-box-inner {zoom:1; padding-left:90px; position:relative;} 
.guide-link .icon {position:absolute; top:14px; left:14px;}
.guide-link h3 {margin-bottom:3px; font-size:14px; color:#000;}
.guide-link p {color:#666; width:820px; height:36px;}
.guide-link .arrow {position:absolute; width:14px; height:25px; top:32px; right:13px; background:url(../image/common/map_btn_arrow2.png) -45px 0 no-repeat;}

/* 메인 (레이아웃) */
#content.dest-main {margin-bottom:-357px;}
#content.dest-main .wrapper {padding-bottom:407px;}

/* 메인 - 최신 여행길 */
.w-main .recent-route {position:relative; margin-bottom:19px;}
.w-main .recent-route .dest-auto-search {position:absolute; top:5px;}
.w-main .recent-route h3 {padding-top:10px; font-size:16px; line-height:16px; height:35px;}
.w-main .recent-route h3 a {margin-left:8px; font-size:11px; font-weight:normal; color:#03a2d0; }

/* 메인 - 추천 스팟 */
.w-main .reco-spot {padding-bottom:13px;}
.w-main .reco-spot h3 {font-size:16px; height:34px; line-height:23px;}
.w-main .reco-spot h3 .title {float:left; }
.w-main .reco-spot h3 .balloon {float:left; position:relative; margin-left:5px; padding:0 10px 0 15px; height:23px; font-size:11px; color:#7b7b7b; font-weight:normal; background:url(../image/destination/main/bg_balloon.png) no-repeat;}
.w-main .reco-spot h3 .balloon span {position:absolute; width:10px; height:23px; top:0; right:0; background:url(../image/destination/main/bg_balloon.png) right 0 no-repeat;}
.w-main .reco-spot ul {overflow:hidden;}
.w-main .reco-spot li {float:left; width:105px; margin-right:15px;}
.w-main .reco-spot li .thumb {position:relative; display:block;}
.w-main .reco-spot li .thumb img {width:105px; height:105px;}
.w-main .reco-spot li .thumb .hover {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.4; filter:alpha(opacity=40); background-color:#000; visibility:hidden;}
.w-main .reco-spot li .thumb:hover .hover {visibility:visible;}
.w-main .reco-spot li .name {position:relative; margin-top:4px; padding-left:22px; font-size:11px; color:#999; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.w-main .reco-spot li .name .icon {position:absolute; top:3px; left:0;}
.w-main .reco-spot li .name a {color:#000; font-weight:bold;}
.w-main .reco-spot li.last {margin-right:0;}

/* 메인 - 지도 영역 */
.w-main .dest-map {position:relative; padding-top:50px; border-bottom:1px solid #ddd;}
.w-main .dest-map .map-box {margin-top:-1px; height:389px; padding:14px; border:1px solid #c8c8c8; border-top-color:#ddd;}

/* 메인 하단 Footer */
.dest-main-footer {border-top:1px solid #e1e1e1; background-color:#f7f7f7;}
.dest-main-footer .h-line {height:1px; background-color:#fff;}
.dest-main-footer .quick-links {padding:16px 0 20px 32px;}
.dest-main-footer .quick-links .group {float:left; width:200px; line-height:20px;}
.dest-main-footer .quick-links .group.last {width:auto;}
.dest-main-footer .quick-links h4 {font-size:12px; height:25px;}
.dest-main-footer .quick-links li a {color:#666;}
.dest-main-footer .quick-links li.em {font-weight:bold;}
.dest-main-footer #footer .btn-top {top:-302px;}

/* 나라 정보 - 인기 여행스팟 */
.w-nation .reco-spot {float:left;}
.w-nation .reco-spot ul {float:left;}
.w-nation .reco-spot li {float:left; width:105px; margin-right:15px;}
.w-nation .reco-spot li .thumb {position:relative; display:block;}
.w-nation .reco-spot li .thumb img {width:105px; height:105px;}
.w-nation .reco-spot li .thumb .hover {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.4; filter:alpha(opacity=40); background-color:#000; visibility:hidden;}
.w-nation .reco-spot li .thumb:hover .hover {visibility:visible;}
.w-nation .reco-spot li .name {position:relative; margin-top:4px; padding-left:22px; font-size:11px; color:#999; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.w-nation .reco-spot li .name .icon {position:absolute; top:3px; left:0;}
.w-nation .reco-spot li .name a {color:#000; font-weight:bold;}
.w-nation .reco-spot li.last {margin-right:0;}
.w-nation .reco-spot li.empty .name {padding:0; white-space:normal;}

/* 나라 정보 - 도시 목록 */
.w-nation .city-list .popular {position:relative; padding:6px 14px; height:25px;}
.w-nation .city-list .m-box-inner {padding:0;}
.w-nation .city-list .popular h3 {float:left; margin-right:18px; padding-left:27px; line-height:25px; font-size:12px; color:#ff3123; background:url(../image/maps/ico_mark_city.png) no-repeat;}
.w-nation .city-list .popular li {float:left; margin:3px 33px 0 0; padding-left:10px; background:url(../image/common/bu_dot_gray.png) 0 7px no-repeat;}
.w-nation .city-list .popular li a {color:#000;}
.w-nation .city-list .popular .btn-all {position:absolute; top:7px; right:14px; padding-right:10px; font-weight:bold; color:#03a2d0;}
.w-nation .city-list .popular .btn-all .total-cnt {font-size:10px; font-weight:normal;}
.w-nation .city-list .popular .btn-all .arrow {position:absolute; top:8px; right:0; width:7px; height:5px; background:url(../image/common/map_arrow_blue.png) 0 -5px no-repeat;}
.w-nation .city-list .popular .btn-all.hide .arrow {background-position:0 0;}
.w-nation .city-list .all-city {zoom:1;}
.w-nation .city-list .all-city-inner {padding:8px 14px 15px; zoom:1;}
.w-nation .city-list .all-city ul {max-height:186px; overflow-y:auto;}
.w-nation .city-list .all-city li {float:left; width:135px; height:26px;}
.w-nation .city-list .all-city li.row-last {width:120px;}
.w-nation .city-list .all-city li a {color:#666;}

/* 도시 - 인기 여행스팟 (테마) */
.w-city .spot-theme {float:left; width:640px;}
.w-city .spot-theme .m-box {margin-bottom:14px;}
.w-city .spot-theme h4 {height:26px; font-size:12px; line-height:12px;}
.w-city .spot-theme ul {overflow:hidden;}
.w-city .spot-theme li {position:relative; min-height:76px; padding-left:86px; float:left; width:104px; margin-right:20px;}
.w-city .spot-theme li.last {margin-right:0;}
.w-city .spot-theme li .thumb {position:absolute; left:0; top:0; margin-right:10px;}
.w-city .spot-theme li .thumb img {width:76px; height:76px;}
.w-city .spot-theme li .thumb .hover {position:absolute; top:0; left:0; width:100%; height:100%; visibility:hidden; opacity:0.4; filter:alpha(opacity=40); background:#000; }
.w-city .spot-theme li .thumb:hover .hover {visibility:visible;}
.w-city .spot-theme li .name {margin-top:3px; height:23px; line-height:16px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.w-city .spot-theme li .name img {margin-right:3px;}
.w-city .spot-theme li .name a {color:#000; font-weight:bold;}
.w-city .spot-theme li .desc {color:#999; font-size:11px;}
.w-city .spot-theme li .desc a {color:#000; font-weight:bold;}
.w-city .spot-category {float:right; width:315px;}

/* 도시 - 인기 여행스팟 (카테고리) */
.w-city .spot-category .m-box-inner {padding:13px 15px 6px; overflow:hidden;}
.w-city .spot-category h3 {height:27px; padding-left:18px; font-size:12px; line-height:15px; background:url(../image/spot/ico_spot_s.png) no-repeat;}
.w-city .spot-category h3 em {color:#03a2d0;}
.w-city .spot-category .category {float:left; width:135px;}
.w-city .spot-category .clear {height:16px;}
.w-city .spot-category .category.even {float:right;}
.w-city .spot-category .category h4 {font-size:12px; height:25px;}
.w-city .spot-category .category h4 a {color:#000;}
.w-city .spot-category .category li {height:29px;}
.w-city .spot-category .category li img {margin-right:6px;}
.w-city .spot-category .category li a {color:#666;}
.w-city .spot-category .category li span {font-size:10px;}

/* 전체 여행길 */
.w-route .tab-navi a img {vertical-align:-2px;}
.w-route .all-info {position:relative;}
.w-route .all-info .total {position:absolute; top:11px; right:15px; color:#999; font-size:11px;}
.w-route .all-info .total em {font-weight:bold; color:#24364a}
.w-route .all-info .sort-navi {margin-bottom:14px;}
.w-route .all-info .sort-navi ul {padding:10px 0 9px 15px; height:18px;}
.w-route .route-list {margin-bottom:16px;}

/* 가이드 공통 */
.w-guide .content a {color:#02a3d0;}
.w-guide .content a.spot {padding-left:15px; background:url(../image/spot/ico_spot_s.png) no-repeat;}

/* 가이드 - 상단 이미지 */
.w-guide .title-image {position:relative; margin:-1px 0 30px; }
.w-guide .title-image .source {position:absolute; right:15px; bottom:15px; width:70px;}
.w-guide .title-image .source .bg {display:block; height:17px; background:#000; opacity:0.6; filter:alpha(opacity=60);}
.w-guide .title-image .source a {position:absolute; top:0; left:0; width:100%; font:italic 10px/17px arial; color:#999; text-align:center;}
.w-guide .title-image .source a:hover {color:#999 !important; }
.w-guide .intro-image {margin-bottom:30px; text-align:center;}

/* 가이드 - 추천 여행길 */
.w-guide .guide-route {margin-bottom:16px;}
.w-guide .guide-route ul {overflow:hidden;}

.w-guide .guide-route li {float:left; width:310px; margin-right:25px;}
.w-guide .guide-route li.last {margin-right:0;}
.w-guide .guide-route li a {display:block;}
.w-guide .guide-route li a:hover {text-decoration:none; background:#f7f7f7;}
.w-guide .guide-route li a:hover .name {color:#03a2d0;}
.w-guide .guide-route li .name {color:#000; font-weight:bold; font-size:16px; line-height:16px; height:21px;}
.w-guide .guide-route li .name em.cheap {color:#ff4f47;}
.w-guide .guide-route li .name em.normal {color:#ff4f47;}
.w-guide .guide-route li .name em.random {color:#02b0ed;}
.w-guide .guide-route li .desc {height:45px; line-height:16px; color:#999; font-size:11px;}

/* 가이드 - things to */
.w-guide .things-to {margin-bottom:25px;}
.w-guide .things-to .m-box-inner {padding:20px 14px 0;}
.w-guide .things-to .item {position:relative; padding:0 0 20px 175px; margin-bottom:20px; min-height:110px; border-bottom:1px solid #e4e4e4; line-height:20px; color:#666;}
.w-guide .things-to .item.last {border-bottom:0; margin-bottom:5px;}
.w-guide .things-to .item h3 {position:absolute; top:4px; left:0; width:155px; height:105px; text-indent:-1000px; overflow:hidden; background:url(../image/destination/map_guide_title.png) no-repeat;}
.w-guide .things-to .item h3.eat {background-position:-160px 0;}
.w-guide .things-to .item h3.buy {background-position:-320px 0;}
.w-guide .things-to .item h3.stay {background-position:-480px 0;}
.w-guide .things-to .content .thumb {float:left; margin:4px 15px 0 0; }
.w-guide .things-to .content h4 {font-size:14px; height:25px;}
.w-guide .things-to .tr-food {margin-top:20px; padding:20px 0 5px; border-top:1px dashed #d1d1d1;}
.w-guide .things-to .tr-food h4 {height:31px; font-size:16px; line-height:16px;}
.w-guide .things-to .tr-food h4 span {font-size:12px; color:#666;}
.w-guide .things-to .tr-food h4 span em {color:#ea3f13; font-weight:bold;}
.w-guide .things-to .tr-food ul {overflow:hidden;}
.w-guide .things-to .tr-food li {float:left; width:105px; margin-right:29px;}
.w-guide .things-to .tr-food li.last {margin-right:0;}
.w-guide .things-to .tr-food .thumb {display:block; position:relative; width:105px; margin-bottom:4px;}
.w-guide .things-to .tr-food .thumb img {width:105px; height:105px;}
.w-guide .things-to .tr-food .thumb .hover {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.4; filter:alpha(opacity=40); visibility:hidden; background:#000;}
.w-guide .things-to .tr-food .thumb:hover .hover {visibility:visible;}
.w-guide .things-to .tr-food .name {text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.w-guide .things-to .tr-food .name a {color:#666;}

/* 가이드 - Follow travelro! */
.w-guide .follow-tr {position:relative;}
.w-guide .follow-tr .m-box-inner {padding:1px; background:#fff;}
.w-guide .follow-tr .bg-top {position:absolute; top:2px; left:2px; height:13px; width:976px; background:url(../image/destination/bg_grbox_t.png) no-repeat;}
.w-guide .follow-tr .bg-bottom {position:absolute; bottom:2px; left:2px; height:13px; width:976px; background:url(../image/destination/bg_grbox_b.png) no-repeat;}
.w-guide .follow-tr .inner {padding:13px; overflow:hidden; background:url(../image/destination/bg_grbox_m.png);}
.w-guide .follow-tr .title {position:absolute; top:-23px; left:-23px; z-index:5;}
.w-guide .follow-tr .thumb {float:left; margin-right:15px;}
.w-guide .follow-tr h3 {font-size:16px; line-height:21px; height:30px;}
.w-guide .follow-tr p {line-height:20px; color:#666;}

/* 가이드 - 여행 필수정보 */
.w-guide .information .m-box-inner {padding:0 14px;}
.w-guide .information .item {position:relative; padding:20px 0 14px 176px; border-bottom:1px solid #e4e4e4;}
.w-guide .information .item h4 {position:absolute; top:20px; left:-14px; padding-left:26px; font-size:14px;}
.w-guide .information .item h4 span {position:absolute; top:4px; left:0; width:20px; height:13px; background:#02b0ed;}
.w-guide .information .item .border {position:absolute; left:154px; top:24px; bottom:24px; width:2px; background:#d4d4d4;}
.w-guide .information .item .content p {line-height:18px; color:#666; margin-bottom:6px;}
.w-guide .information .item .content b {color:#000;}